import React, { Component } from "react";

export default class App extends Component {
    state = {
        flag: true
    }
    render() {
        if (this.state.flag) {
            return (
                <div>
                    <button onClick={() => {
                        // 设置状态，参数是点击前的状态，属性
                        this.setState((prevState, props) => {
                            return {
                                flag: !prevState.flag
                            }
                        })
                    }}>
                        切换
                    </button>
                    😍喜欢
                </div>
            )
        } else {
            return (
                <div>
                    <button onClick={() => {
                        // 设置状态，参数是点击前的状态，属性
                        this.setState((prevState, props) => {
                            return {
                                flag: !prevState.flag
                            }
                        })
                    }}>
                        切换
                    </button>
                    😠讨厌
                </div>
            )
        }

    }
}